<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="theme-color" content="#3b3e43">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no"/>
    <title>黑色涟漪</title>
    <meta name="description" content="黑色涟漪的个人博客"/>
    <meta property="og:description" content="黑色涟漪的个人博客"/>
    <meta name="keywords" content="黑色涟漪,fls,darkripples"/>
    <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" media="screen"/>
    <link rel="dns-prefetch" href="//cdn.jsdelivr.net"/>
    <link rel="icon" type="image/png" href="/img/fls.jpg"/>
    <link rel="apple-touch-icon" href="/img/fls.jpg">
    <meta name="copyright" content="darkripples.com"/>
    <meta http-equiv="Window-target" content="_top"/>
    <meta property="og:locale" content="zh_CN"/>
    <meta property="og:title" content="黑色涟漪的个人博客"/>
    <meta property="og:site_name" content="黑色涟漪"/>
    <meta property="og:url" content="/blog/types.html"/>
    <meta property="og:image" content="/img/fls.jpg"/>
    <link rel="canonical" content="/blog/types.html"/>
    <link rel="stylesheet" href="/blog_resources/static/css/blog_bubble_base.css"/>
    <link rel="stylesheet" href="/common/static/css/smoky_word/smoky_word_style.css"/>
    <style type="text/css">
			[v-cloak] {
				display: none;
			}
    </style>
    <script>
        (function () {
            var bp = document.createElement('script');
            bp.src = '//push.zhanzhang.baidu.com/push.js';
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>

    <script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[1];
    s.parentNode.insertBefore(bp, s);
})();

    </script>
    <script>
    (function(){
    // 360搜索
    var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
    </script>
</head>
<body class="fn__flex-column">
<div id="pjax" class="fn__flex-1">


    <header class="header header--index">
        <div class="wrapper header__title">
            <h1 class="header__h1 fn__flex-inline">
                <a href="/blog/" rel="start">黑色涟漪</a>
            </h1>
            <h2 class="header__desc header__desc--title"></h2>
            <div class="header__desc">
                <div id="titleValue">
                    <span class="smoky_main">翻</span>
                    <span class="smoky_main">手</span>
                    <span class="smoky_main">反</span>
                    <span class="smoky_main">排</span>
                    <span class="smoky_main">命</span>
                    <span class="smoky_main">格</span>
                    <span class="smoky_main">，</span>
                    <span class="smoky_main">覆</span>
                    <span class="smoky_main">手</span>
                    <span class="smoky_main">复</span>
                    <span class="smoky_main">立</span>
                    <span class="smoky_main">乾</span>
                    <span class="smoky_main">坤</span>
                </div>
            </div>
            <svg class="header__down" id="headerDown" viewBox="0 0 32 32" width="100%" height="100%">
                <path d="M15.992 25.304c-0 0-0 0-0.001 0-0.516 0-0.981-0.216-1.31-0.563l-0.001-0.001-14.187-14.996c-0.306-0.323-0.494-0.76-0.494-1.241 0-0.998 0.809-1.807 1.807-1.807 0.517 0 0.983 0.217 1.313 0.565l0.001 0.001 12.875 13.612 12.886-13.612c0.331-0.348 0.797-0.565 1.314-0.565 0.481 0 0.918 0.187 1.242 0.493l-0.001-0.001c0.723 0.687 0.755 1.832 0.072 2.555l-14.201 14.996c-0.33 0.348-0.795 0.564-1.311 0.564-0.001 0-0.003 0-0.004 0h0z"></path>
            </svg>
        </div>
    </header>
    <div class="side__menu">
        <svg viewBox="0 0 32 32" width="100%" height="100%">
            <path d="M30 18h-28c-1.1 0-2-0.9-2-2s0.9-2 2-2h28c1.1 0 2 0.9 2 2s-0.9 2-2 2zM30 6.25h-28c-1.1 0-2-0.9-2-2s0.9-2 2-2h28c1.1 0 2 0.9 2 2s-0.9 2-2 2zM2 25.75h28c1.1 0 2 0.9 2 2s-0.9 2-2 2h-28c-1.1 0-2-0.9-2-2s0.9-2 2-2z"></path>
        </svg>
        <span>
            &nbsp; menu
        </span>
    </div>
    <div class="side__main">
        <div class="side__bg"></div>
        <div class="side__panel">
            <svg class="side__close ft__a" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                 viewBox="0 0 20 20">
                <path d="M18.362 19.324c-0.902 0.902-2.363 0.902-3.263 0l-5.098-5.827-5.098 5.825c-0.902 0.902-2.363 0.902-3.263 0-0.902-0.902-0.902-2.363 0-3.263l5.304-6.057-5.306-6.061c-0.902-0.902-0.902-2.361 0-3.263s2.361-0.902 3.263 0l5.1 5.829 5.098-5.829c0.902-0.902 2.361-0.902 3.263 0s0.902 2.363 0 3.263l-5.304 6.061 5.304 6.057c0.902 0.902 0.902 2.363 0 3.265z"></path>
            </svg>

            <div class="side__header">
                <a href="/blog" rel="start">
                    <img class="side__logo" src="/img/fls.jpg">
                </a>

                <div class="side__meta">
                    黑色涟漪<br /><br />

                </div>
            </div>

            <div class="side__title">
                <span>❤ fls's blog ❤</span>
            </div>
            <ul class="side__nav">
                <li>
                    <a href="/blog" rel="start">
                        首页
                    </a>
                </li>
                <li>
                    <a href="/blog/types.html">分类</a>
                </li>
                <li>
                    <a href="javascript:void(0)">标签</a>
                </li>
                <li>
                    <a href="javascript:void(0)">友情链接</a>
                </li>
                <li>
                    <a href="javascript:void(0)" target="_self">
                        <img class="page-icon" src="/img/fls.jpg">
                        关于
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="v" v-cloak>

        <div class="wrapper">
            <div class="articles">
                <article class="item" v-for="item in listData">
                    <h2 class="item__title">
                        <a rel="bookmark" :href="'#'+item.id">

                        </a>
                    </h2>
                    <a class="item__abstract" :pjax-title="item.title"
                       :href="'/blog/?type='+item.typeId+'#v=2'">
                        ·   {{item.typeName}}
                    </a>
                    <div class="fn__clear">

                    </div>
                </article>

                <ul class="pagination" id="pagination">
                </ul>
                <input type="hidden" id="countindex" runat="server" value="1"/>

            </div>
        </div>
    </div>

</div>
<footer class="footer">
    <div class="wrapper">
        &copy; 2019
        <a href="/">黑色涟漪</a>

        <span class="footer__heart">❤️</span>
        Powered by <a href="https://www.darkripples.com/" target="_blank">darkripples.com</a>
        <br>
        Theme <a rel="friend" href="https://github.com/b3log/solo-skins" target="_blank">Bubble</a>
        <sup>[<a href="https://www.cnblogs.com/jajian" target="_blank">ref</a>]</sup>
        by <a href="http://vanessa.b3log.org" target="_blank">Vanessa</a> <br>
        
        <a target="_blank" style="color: #A9A9A9;font-size:0.3em;" href="http://www.beian.miit.gov.cn">鲁ICP备15002989号</a>
        &nbsp;&nbsp;
        <a target="_blank" style="color: #A9A9A9;font-size:0.3em;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37030302000382" >
            <img src="https://www.darkripples.com/common/static/img/beian/gongan.png" style="width:15px;"/>鲁公网安备 37030302000382号
        </a>
    </div>
</footer>
<svg class="side__top" id="sideTop" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
     viewBox="0 0 32 32">
    <path d="M26.562 13.958c0 0.72 0.583 1.303 1.303 1.303s1.303-0.583 1.303-1.303v0c0-0.72-0.583-1.303-1.303-1.303s-1.303 0.583-1.303 1.303v0zM23.305 10.7c0 0 0 0 0 0 0 0.72 0.583 1.303 1.303 1.303s1.303-0.583 1.303-1.303c0-0 0-0 0-0v0c0-0 0-0 0-0 0-0.72-0.583-1.303-1.303-1.303s-1.303 0.583-1.303 1.303c0 0 0 0 0 0v0zM20.022 7.417c0 0 0 0 0 0 0 0.72 0.583 1.303 1.303 1.303s1.303-0.583 1.303-1.303c0-0 0-0 0-0v0c0-0 0-0 0-0 0-0.72-0.583-1.303-1.303-1.303s-1.303 0.583-1.303 1.303c0 0 0 0 0 0v0zM29.67 0h-27.339c-0.677 0-1.228 0.551-1.228 1.228s0.551 1.228 1.228 1.228h11.151l-10.725 10.725c-0.476 0.476-0.476 1.253 0 1.729 0.226 0.226 0.551 0.351 0.852 0.351s0.626-0.125 0.852-0.351l10.074-10.074v25.936c0 0.677 0.551 1.228 1.228 1.228s1.228-0.551 1.228-1.228v-26.011c0.476 0.426 1.203 0.426 1.679-0.050s0.476-1.253 0-1.729l-0.576-0.576h11.577c0.677 0 1.228-0.551 1.228-1.228 0-0.626-0.551-1.178-1.228-1.178z"></path>
</svg>


<script type="text/javascript" src="/blog_resources/static/js/pjax.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/blog_resources/static/js/common.min.js" charset="utf-8"></script>
<script type="text/javascript"
        src="/blog_resources/static/js/circleMagic.min.js"
        charset="utf-8"></script>
<script type="text/javascript"
        src="/blog_resources/static/js/blog_bubble_common.min.js"
        charset="utf-8"></script>
<!-- 业务功能 -->
<script type="text/javascript" src="/common/static/js/libs/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/common/static/js/utils/base.js"></script>
<script type="text/javascript" src="/common/static/js/conf/config_blog.js"></script>
<script type="text/javascript" src="/common/static/js/utils/utils.js"></script>
<script type="text/javascript" src="/common/static/js/libs/jquery/jqPaginator.min.js"></script>
<script type="text/javascript" src="/blog_resources/pages/types.js"></script>
</body>
</html>
